<template>
    <div id="app">
        <router-view></router-view>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                
            };
        },
        components: {
            
        },
        created() {
            console.log(
				`%c CloudNativeFrontend %c v${'1.0.0'} `,
				'background:#35495e ; padding: 1px; border-radius: 3px 0 0 3px;  color: #fff',
				'background:#007aff ;padding: 1px; border-radius: 0 3px 3px 0;  color: #fff; font-weight: bold;'
			)

            var that = this;
            that.mainfix();
            window.onresize = () => {
                return (() => {
                    that.mainfix();
                })();
            };
        },
        methods: {
            mainfix() {
                var p = window.innerWidth / 2280;
                // document.body.style = 'transform: scale(' + p*100 + '%); transform-origin: left top; width: ' + 100/p + '%; background-position: center top;';
                // document.body.style = 'transform: scale(0.833772); transform-origin: left top; width: 119.937%; background-position: center top;'
            },
            seteditutag(obj) {
                event.stopPropagation();

            },
            setleftmenuheight() {
                if (document.querySelectorAll('.leftmenu').length > 0) {
                    var leftmenu_height = window.innerHeight - document.querySelectorAll('.leftmenu')[0].offsetTop - 70;
                    document.querySelector('.leftmenubody').style = 'min-height: ' + leftmenu_height + 'px;';
                }
            }
        }
    };
</script>
<style>
    @import "./assets/css/base.css";
    @import "./assets/css/screen.css";
    /* @import "./assets/css/main.css"; */
    /*深色主题*/
    /* @import "./assets/css/color-dark.css"; */
    /*浅绿色主题*/
    /* @import "./assets/css/theme-green/color-green.css"; */
    /* @import "./assets/v2/css/main.css"; */
    /* @import "./assets/v2/css/iconfont/iconfont.css"; */
    /* @import "./assets/css/v2.css"; */
    
</style>